<!DOCTYPE html>
<html>
	<head>
		<title>CAT+S Control Panel</title>
		<link rel="stylesheet" type="text/css" href="ffstyle.css"/>
	</head>
	<body>
		<div class="pagewide">
			<h1>CAT+S Control Panel</h1>
			<div class="vertleft">
				<h2>Options</h2>
				<ul>
					<label for="notifications">
						<li class="dark">
							Show Notifications
							<input class="ralign" type="checkbox" id="notifications"/>
						</li>
					</label>
					<li class="light" id="NEArea">
						<label id="NELabel">
							Notification Exceptions
							<img class="ralign" src="plus.png"
								alt="Click to show notifications exceptions." height="15" width="17"/>
						</label>
					</li>
					<li class="dark" id="EArea">
						<label id="ELabel">
							Site Exceptions
							<img class="ralign" src="plus.png"
								alt="Click to show exceptions." height="15" width="17"/>
						</label>
					</li>
					<li class="light" id="LEArea">
						<label id="LELabel">
							Link Exceptions
							<img class="ralign" src="plus.png"
								alt="Click to show link exceptions." height="15" width="17"/>
						</label>
					</li>
					<label for="ccoe">
						<li class="dark">
							Reset Stats
							<input class="ralignbutton" type="button" value="Reset" id="ccoe"/>
						</li>
					</label>
				</ul>
			</div>
			<div class="vertright">
				<div class="horiz">
					<h2>Statistics</h2>
					<ul class="r">
						<li class="darkr"><label id="Fixes" class="lalign">0</label>Fixes</li>
						<li class="lightr"><label id="UFixes"class="lalign">0</label>Unique Fixes</li>
						<li class="darkr"><label id="Success" class="lalign">0%</label>Success Rate</li>
					</ul>
				</div>
				<div class="horiz">
					<h2>About</h2>
				</div>
			</div>
		</div>
		<script src="options.js"></script>
	</body>
</html>
